<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript" src="../Public/js/jquery-1.7.1.min.js"></script>
<title>文章列表分类</title>
<script type="text/javascript">

function selectArticle(aid){
    var catid = $('#catid').val();
    var url="detail/deid/"+aid+"/catid/"+catid;
    window.location.href="{:U('"+url+"')}";
}
function selectList(index){
    switch(index){
        case 1:
       document.getElementById("time").style.display="block";
	   document.getElementById("essence").style.display="none";
       document.getElementById("tab1").style.color="#219593";
	   document.getElementById("tab2").style.color="#6c6c6c";
       break;
       case 2:
       document.getElementById("time").style.display="none";
	   document.getElementById("essence").style.display="block";
       document.getElementById("tab1").style.color="#6c6c6c";
	   document.getElementById("tab2").style.color="#219593";
       break;
    }
}
</script>
<style>
div{
	margin:0px;
	margin-left:auto;
	margin-right:auto;
	
	/*border:solid ;
	border-color:#Ff0000;*/
	}
a{
    color:#047f80;
    text-decoration: none;
}

.tab{
	border:thin solid #d0d0d0;
	float:left;
	height:39px;
	border-bottom:none;
	line-height:39px;
	font-size:16px;
	color:#626262;
	text-align:center;
	width:80px;
	font-weight:bold;
	cursor:pointer;
	}	
.setab{
	background:#d8f3fe;
	color:#1f9692;
	}
 .myfontstyle{
    font-family:'黑体';
    letter-spacing:1px;
}	
</style>
</head>

<body style="background: #ffffff;">
	<div style="width:100%;height:40px; background:#ecf9fe; border: thin solid #dee3e3; margin-top:10px;">
			<div class="tab" id="tab1" style="width:95px;color:#219593;" onclick="selectList(1)">全部</div>    
            <div class="tab" id="tab2" style="width:95px;color:#6c6c6c;" onclick="selectList(2)">精华</div>    
       
	</div>
<div id="time" style="border:thin solid #dee3e3;width:100%;padding-bottom:20px;">
<volist name="list" id="vo">
<!--讨论题开始-->
 <input id="catid" name="catid" value="{$picid}" style="display: none;"/>
			<div class="myfontstyle" style="width:95%;margin-left:20px;margin-top:5px; height:36px;background:url(../Public/discuss/image/line.png) repeat-x left bottom;">
            	<div style="float:left;width:100%">      
                    <div style="width:100%;height:36px;">
                    	<div style="float:left;background:url(../Public/discuss/image/m_greenline.png) repeat-x left bottom;width:80%;height:36px; line-height:36px;color:#047f80;font-size:12pt;">{$vo.p_name}&nbsp;&nbsp;&emsp;<a href="#" style="color:#048888;" onclick="selectArticle({$vo.id})">{$vo.title}</a></div>
                       	<div style="float:left;background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:20%;height:36px; line-height:36px;color:#888888;font-size:8pt; font-style:oblique;">{$vo.wtime}</div>
                    </div>    
                </div>
            </div>
<!--讨论题结束-->
</volist>
</div>

<div id="essence" style="border:thin solid #dee3e3;width:100%;padding-bottom:20px;display:none;">
<volist name="list1" id="vo">
<!--讨论题开始-->
 <input id="catid" name="catid" value="{$picid}" style="display: none;"/>
			<div class="myfontstyle" style="width:95%;margin-left:20px;margin-top:5px; height:36px;background:url(../Public/discuss/image/line.png) repeat-x left bottom;">
            	<div style="float:left;width:100%">      
                    <div style="width:100%;height:36px;">
                    	<div style="float:left;background:url(../Public/discuss/image/m_greenline.png) repeat-x left bottom;width:80%;height:36px; line-height:36px;color:#047f80;font-size:12pt;">{$vo.p_name}&nbsp;&nbsp;&emsp;<a href="#" style="color:#048888;" onclick="selectArticle({$vo.id})">{$vo.title}</a></div>
                       	<div style="float:left;background:url(../Public/discuss/image/greenline.png) no-repeat left bottom;width:20%;height:36px; line-height:36px;color:#888888;font-size:8pt; font-style:oblique;">{$vo.wtime}</div>
                    </div>    
                </div>
            </div>
<!--讨论题结束-->
</volist>
</div>


<div class="myfontstyle" id="pageid" style="width:40%;height:50px;padding-top:20px;clear:both;">{$page}</div>	        
</body>
</html>
